$(function () {
    $(".newLeft").load("./newLeft.html", function () {
        console.log("执行完毕");
    })
    $(".footer").load("./footer.html",function () {
        console.log("1");
    })
    $(".newRight").load("./newRight.html",function () {
        console.log("1");
    })
    var sesVal = sessionStorage.getItem("login");
    if (sesVal != null) {
        let valOgj = JSON.parse(sesVal);
        var id = valOgj.uid;
        $.ajax({
            url:"http://10.41.155.29:8080/mecoxlanenet/server/showCart.php",
            dataType:"json",
            data:{
                uId:id
            }
        }).then(function (res) {
            var allNum = 0;
            var zj = 0;
            res.forEach((el,index)=>{
                const trHtm = `
                    <tr data-info='${el.gId}'>
                <td><input type="checkbox" checked="checked"></td>
                <td>
                    <div class="goods_ctn">
                        <a href="#" class="imag"><img src="${el.gImg}" alt=""></a>
                        <a href="#" class="name">${el.gName}</a>
                        <p class="bianhao">商品编号：<span>${el.gId}</span></p>
                    </div>
                </td>
                <td>&yen;${el.gPrice}</td>
                <td>
                    <div class="number">
                        <span class="jian">-</span>
                        <input type="text" value="${el.num}">
                        <span class="jia">+</span>
                    </div>
                </td>
                <td class="zongjia">&yen;${el.uTotal}</td>
                <td><span class="del">X 删除</span></td>
            </tr>
                `;
                allNum = allNum+parseInt(el.num);
                zj =zj+ parseInt(el.uTotal);
                $(".car_center tbody").append(trHtm);
            })
            $("span.gd_num").text(allNum);
            $("span.gdp").html("&yen;"+zj);
        })
        // $(".jian").on("click",function () {
        //     const  num =$(this).patent().find("input").val()-1;
        //     $(this).patent().find("input").val(num);
        // })

    }else {
        const localData = JSON.parse($.cookie("cartInfo")||'[]');
        var allNum = 0;
        var zj = 0;
        localData.forEach((el,index)=>{
            const trHtm = `
                    <tr data-info='${el.gId}'>
                <td><input type="checkbox"></td>
                <td>
                    <div class="goods_ctn">
                        <a href="#" class="imag"><img src="${el.gImg}" alt=""></a>
                        <a href="#" class="name">${el.gName}</a>
                        <p class="bianhao">商品编号：<span>${el.gId}</span></p>
                    </div>
                </td>
                <td>&yen;${el.gPrice}</td>
                <td>
                    <div class="number">
                        <span class="jian">-</span>
                        <input type="text" value="${el.num}">
                        <span class="jia">+</span>
                    </div>
                </td>
                <td class="zongjia">&yen;${el.uTotal}</td>
                <td><span class="del">X 删除</span></td>
            </tr>
                `;
        allNum = allNum+parseInt(el.num);
        zj =zj+ parseInt(el.uTotal);
        $(".car_center tbody").append(trHtm);
    })
        $("span.gd_num").text(allNum);
        $("span.gdp").html("&yen;"+zj);
        
    }




    // 购物车中减少物品数量++++++++++++++++++++++++++
    $("body").on("click",".jian",function () {
        let  num =$(this).parent().find("input").val()-1;
        if (num>1){
            $(this).parent().find("input").val(num);
        } else {
            num=1;
            $(this).parent().find("input").val(1);
        }
        var self= $(this)
        if (sesVal != null){
            $.ajax({
                url:"http://10.41.155.29:8080/mecoxlanenet/server/update.php",
                dataType:"json",
                type:"POST",
                data:{
                    uid:id,
                    gid:$(this).parents("tr").data("info"),
                    num:num
                },
            }).then(function (res){
                self.parents("tr").find("td.zongjia").html("&yen;"+res.uTotal);
                var carNum=0;
                var zjNum = 0;
                for (var i = 0; i < $(".number input").length; i++) {
                    carNum = carNum+parseInt($(".number input").eq(i).val());
                    zjNum = zjNum +parseInt($("td.zongjia").eq(i).text().replace("¥",""));
                }
                $(".gd_num").text(carNum);
                $(".gdp").html("&yen;"+zjNum);
                // for (let i = 0; i <$("td.zongjia").length ; i++) {
                //     let reNum =$("td.zongjia").eq(i).text().replace("¥","");
                //     console.log(reNum);
                // }
            });
        } else {
            const dataCookie=JSON.parse($.cookie("cartInfo")||'[]');
            dataCookie.forEach((el,index)=>{
                if(el.gId == $(this).parents("tr").data("info")){
                    el.num = num;
                    el.uTotal = num * el.gPrice;
                    self.parents("tr").find("td.zongjia").html("&yen;"+el.uTotal);
            }
            });
            $.cookie("cartInfo",JSON.stringify(dataCookie),{expires:7});
        }
        // var carNum=0;
        // var zjNum = 0;
        // for (var i = 0; i < $(".number input").length; i++) {
        //     carNum = carNum+parseInt($(".number input").eq(i).val());
        //     // zjNum = zjNum +parseInt($("td.zongjia").eq(i).text().replace("¥",""));
        // }
        // // for (var i = 0; i < $("td.zongjia").length; i++) {
        // //     zjNum = zjNum +parseInt($("td.zongjia").eq(i).text().replace("¥",""));
        // // }
        // $(".gd_num").text(carNum);
        // $(".gdp").text("¥"+zjNum);


    });

    //购物车中添加物品数量++++++++++++++++++++++++++
    $("body").on("click",".jia",function () {
        let  num =parseInt($(this).parent().find("input").val())+1;
        $(this).parent().find("input").val(num);
        let self=$(this);
        if(sesVal != null){
            $.ajax({
                url:"http://10.41.155.29:8080/mecoxlanenet/server/update.php",
                dataType:"json",
                type:"POST",
                data:{
                    uid:id,
                    gid:$(this).parents("tr").data("info"),
                    num:num
                }
            }).then(function (res) {
                self.parents("tr").find("td.zongjia").html("&yen;"+res.uTotal);
                console.log(res);


            });
        }else {
            const dataCookie=JSON.parse($.cookie("cartInfo")||'[]');
            dataCookie.forEach((el,index)=>{
                if(el.gId == $(this).parents("tr").data("info")){
                el.num = num;
                el.uTotal = num * el.gPrice;
                self.parents("tr").find("td.zongjia").html("&yen;"+el.uTotal);
            }
        });
            $.cookie("cartInfo",JSON.stringify(dataCookie),{expires:7});
        }
        var carNum=0;
        var zjNum = 0;
        for (var i = 0; i < $(".number input").length; i++) {
            carNum = carNum+parseInt($(".number input").eq(i).val());
            zjNum = zjNum +parseInt($("td.zongjia").eq(i).text().replace("¥",""));
        }
        $(".gd_num").text(carNum);
        $(".gdp").html("&yen;"+zjNum);
    })

    //购物车中删除某个物品++++++++++++++++++++++++++++
    $("body").on("click","span.del",function () {
        if (sesVal != null){
            $.ajax({
                url:"http://10.41.155.29:8080/mecoxlanenet/server/delete.php",
                dataType:"json",
                type:"POST",
                data:{
                    uid:id,
                    gid:$(this).parents("tr").data("info"),
                },
            }).then(function (res) {
                alert(res.meg);
            })
        }else {
            const dataCookie=JSON.parse($.cookie("cartInfo")||'[]');
            dataCookie.forEach((el,index)=>{
                if(el.gId==$(this).parents("tr").data("info")){
                    dataCookie.splice(index,1);
            }
            });
            $.cookie("cartInfo",JSON.stringify(dataCookie),{expires:7});
        }
        $(this).parents("tr").remove();
        var carNum=0;
        var zjNum = 0;
        for (var i = 0; i < $(".number input").length; i++) {
            carNum = carNum+parseInt($(".number input").eq(i).val());
            zjNum = zjNum +parseInt($("td.zongjia").eq(i).text().replace("¥",""));
        }
        $(".gd_num").text(carNum);
        $(".gdp").html("&yen;"+zjNum);
    })

    // $("thead input :checkbox").click(function () {
    //     $("tbody input :checkbox").prop("checked", $(this).prop("checked"))
    //
    // console.log($(".car_foot input[type=checkbox]"));
    // $(".car_foot input :checkbox").on("click",function () {
    //     $("tbody input :checkbox").prop("checked", $(this).prop("checked"));
    // })
    // })
    // $("body").on("click",".car_foot input :checkbox",function () {
    //     $("tbody input :checkbox").prop("checked", $(this).prop("checked"));
    // })
})
